<template>
    <div class="q-pa-md">
        <div class="column q-gutter-md" style="height: 80vh;">
            <div class="col-3 avatar" style="background-color: aliceblue;">
                <div class="row items-center q-gutter-xs" style="height: 100%;">
                    <div class="inner_avatar col-1">
                        <img src="https://cdn.quasar.dev/img/avatar.png">
                    </div>
                    <div class="nickname col-2">
                        waterIB
                    </div>
                    <div class="col-auto">

                    </div>
                </div>
            </div>
            <div class="col-8 description" style="background-color: black;">
                    
            </div>
        </div>
    </div>
</template>

<style scoped>
.inner_avatar {
    margin-left: 1rem;
    img {
        border-radius: 2rem;
    }
    .nickname {
        
    }
}
</style>